<template>
  <div class="education">
    <typeMenu :list="list" @select="selectType" />
    <div v-if="typeIdx == 0">
      <chinese />
    </div>
    <div v-if="typeIdx == 8">
      <element />
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import typeMenu from '@/components/common/typeMenu.vue';
import element from '@/components/education/element.vue';
import chinese from '@/components/education/chinese.vue';
// document.title = '素质教育'
const list = ['语文', '数学', '英语', '历史', '地理', '政治', '生物', '物理', '化学']
const typeIdx = ref(0)
function selectType(idx) {
  typeIdx.value = idx
}

</script>
